import React, { useEffect, useState } from "react";
import { NavBar, Space, Toast } from "antd-mobile";
import {  useNavigate, useSearchParams } from "react-router-dom";
import request from "../../api/request";
function Index() {
  let nav = useNavigate();

  let [shu] = useSearchParams();
  let start = shu.get("start");
  let end = shu.get("end");
  let [list, setList] = useState([]);
  let getData = async () => {
    let res = await request.get("/api/trip/airplane", {
      params: {
        start,
        end,
      },
    });
    setList[{ ...list, ...res.data.data }];
    console.log(res);
  };
  useEffect(() => {
    getData();
  }, []);
  const xing=()=>{
    nav(`/detail?start=${start}&end=${end}`)
  }
  return (
    <div>
      <NavBar onBack={() => nav("/")}>
        <span>{start}</span>
        <span>→</span>
        <span>{end}</span>
      </NavBar>
      <div className="ok" onClick={()=>xing()}>
      <p>虹桥</p>
      <p>北京大兴</p>
      <p>时间 21:15</p>
      <p>价格：500</p>
      </div><br />
      <div className="ok">
      <p>虹桥</p>
      <p>北京大兴</p>
      <p>时间 21:15</p>
      <p>价格：500</p>
      </div><br />
      <div className="ok">
      <p>虹桥</p>
      <p>北京大兴</p>
      <p>时间 21:15</p>
      <p>价格：500</p>
      </div><br />
      <div className="ok">
      <p>虹桥</p>
      <p>北京大兴</p>
      <p>时间 21:15</p>
      <p>价格：500</p>
      </div><br />
      <div className="ok">
      <p>虹桥</p>
      <p>北京大兴</p>
      <p>时间 21:15</p>
      <p>价格：500</p>
      </div><br /><div className="ok">
      <p>虹桥</p>
      <p>北京大兴</p>
      <p>时间 21:15</p>
      <p>价格：500</p>
      </div><br /><div className="ok">
      <p>虹桥</p>
      <p>北京大兴</p>
      <p>时间 21:15</p>
      <p>价格：500</p>
      </div><br /><div className="ok">
      <p>虹桥</p>
      <p>北京大兴</p>
      <p>时间 21:15</p>
      <p>价格：500</p>
      </div><br /><div className="ok">
      <p>虹桥</p>
      <p>北京大兴</p>
      <p>时间 21:15</p>
      <p>价格：500</p>
      </div><br /><div className="ok">
      <p>虹桥</p>
      <p>北京大兴</p>
      <p>时间 21:15</p>
      <p>价格：500</p>
      </div>
    </div>
  );
}

export default Index;
